<template>
  <div id="app">
    <!-- <router-link to="./components/day06/router/index.vue">首页</router-link>
    <router-link to="./components/day06/router/school.vue"></router-link> -->
    <router-link to="/index">shouye</router-link> 
    <router-link to="/school/1">广州</router-link> 
    <router-link to="/school/2">深圳</router-link> 
    <router-link to="/school/3">上海</router-link> 
     <router-link to="/school/4">杭州</router-link> 
    <router-link to="/school/5">福建</router-link> 
    <router-link to="/school/6">北京</router-link> 
    <router-view></router-view>
     <!-- <div>
      <router-view></router-view>
    </div> -->
  </div>
</template>

<script>
import './style/index.css'
export default {
  name: 'App',
}
</script>

<style lang="less" scoped>
  #app{
    background-color: #ccc;
    padding: 50px;
    router-link{
      margin-left: 10px;
    }
  }
</style>
